<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./dist/include-openlayers-local.js"></script>
    <script src="./libs/gaode.js"></script>
  </head>
  <body>
    <div id="map_container"></div>
    <script>
      var ip = 'localhost';
      var port = '6163';
      var docName = 'wuhan01';
      var docLayer = new Zondy.Map.Doc('', docName, {
        ip: 'localhost',
        port: 6163,
      });
      var map = new ol.Map({
        target: 'map_container',
        layers: [docLayer],
        view: new ol.View({
          projection: 'EPSG:4326',
          center: [114.3, 30.5],
          zoom: 13,
        }),
      });
      console.log(docLayer);
      docLayer.setLayerStatus(1, 'hide');

      //   var docCatalog = new Zondy.Catalog.MapDoc({
      //     ip: ip,
      //     port: port,
      //     //设置地图文档名称
      //     docName: docName,
      //     //设置图层的索引号
      //     layerID: 0,
      //   });
      //   console.log(docCatalog);
      //   //调用getLayerInfo函数，获取地图图层相关信息，在回调函数中处理结果
      //   docCatalog.getLayerInfo(getListSuccess);
      //   function getListSuccess(res) {
      //     // console.log(res);
      //   }
    </script>
  </body>
</html>
